:root {
  --primary-color: #02300f;
  --secondary-color: #22c55e;
  --text-color: #1f2937;
  --bg-color: #f9fafb;
}
/* Fonts  */



@font-face {

 

    font-family: Poppins-ExtraBold;

    src: url('../fonts/Poppins-ExtraBold.otf');

}



@font-face {

 

    font-family: Poppins-Medium;

    src: url('../fonts/Poppins-Medium.otf');

}



@font-face {

 

    font-family: Poppins-Bold;

    src: url('../fonts/Poppins-Bold.otf');

}



@font-face {

 

    font-family: Poppins-SemiBold;

    src: url('../fonts/Poppins-SemiBold.otf');

}





@font-face {

 

    font-family: Poppins-Regular;

    src: url('../fonts/Poppins-Regular.otf');

}



body

{

	font-family: Poppins-Regular;

}



h1, h2, h3, h4, h5, h6

{

	font-family: Poppins-ExtraBold;

}



p, ul li

{

	font-size: 14px;

	color: #000;

	padding: 6px 0px;

	font-family: Poppins-Regular;

}



.semi_p

{

	font-family: Poppins-SemiBold;

}



/*  Topbar */



.topbar

{

	margin-top:30px;

}



.logo

{

	width:150px;

}



.top-socials

{

	padding-left:0px;

	margin-top:25px;

}

.top-socials li

{

	list-style-type:none;

	display:inline;

	padding:6px 2px;

}

.top-socials li img

{

	width:20px;

}



.topbar p

{

	margin-top:25px;

}



#viraat_bannertext

{

	background-color: #ebf7ff;

}



.pillar

{

	margin-right: 20px;

}



.smallpillar

{

	

	margin-top:-100px;

	z-index:99999;

}



.red-banner

{

	margin-top:-24px;

	/* margin-bottom:60px; */

}



/* Navbar */



.navbar

{

	margin-top:20px;

	min-height: 0px;

	

}



.navbar-default

{

	border-left:none;

	border-right:none;

	border-color:var(--primary-color);

	border-radius: 0px;

}





.navbar-nav {

    float: unset; 

    margin: 0px auto;

    text-align: center;

}



.navbar-nav>li

{

	float:unset;

}



.nav>li

{

	display:inline-block;

}



.navbar-default .navbar-nav>li>a

{

	color:black;

	font-weight:bold;

	padding-top:10px;

	padding-bottom:10px;

	

}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover

{

	color:black;

	text-transform:uppercase;

	font-weight:bold;

	background-color: unset;

}



/* banner  */



.banner-img

{

	width: 100% !important;

}



.banner

{

   padding-left:0px !important;

   padding-right:0px !important;

}



.banner-text

{

	background-color:var(--primary-color);

	padding: 15px 15px 0px 15px;

	margin:24px 0px 0px;

	color:#fff;

}



.banner-text h1

{

   font-weight:800;

   color: #af9778;

   font-size: 30px;

   line-height: 1.5;

   margin: 0px;

}





.big_h1size

{

	font-size: 42px;

	font-weight: 800;

}





.banner-text p

{ 

    font-size: 18px;

    margin-bottom: 20px;

	color: #fff;

}





/*  Section heading padding  */



.section_pad

{

	padding: 45px 0px;

}



.section_heading 

{

	padding-bottom: 15px;

}



.section_heading h2

{

	font-size: 26px;

	font-weight: 800;

	color: var(--primary-color);

	padding: 0px;

	margin: 0px;

}



.section_heading h3

{

	font-size: 26px;

	font-weight: 800;

	color: var(--primary-color);

	padding: 0px;

	margin: 0px;

}



/* About */



#about 

{

	position:relative;

	background-color: #ebf7ff;

	padding: 45px 0px;

}



#about .top

{

	position: absolute;

    background-image: url('../image/left_pillar.png');

    background-repeat: no-repeat;

    width: 100px;

    height: 725px;

    background-position: bottom;

    z-index: 9999;

    background-size: contain;

    /* right: 0px; */

    top: -95px;

}



.group_btns

{

	padding-left: 0px;

	margin: 12px 0px;

}



.group_btns li

{

	list-style-type: none;

	padding: 5px;

	display: inline;

}



.schedule_btn

{

	background-color: var(--primary-color);

	border: 1px solid;

	border-radius: 25px;

	padding: 5px 14px;

	font-weight: 600;

	width: 20%;

}



#xtra_facities .schedule_btn

{

	width: 40%;

}



.schedule_btn a

{

	color: #fff;

	text-decoration: none;

}





.schedule_btn:hover

{

	background-color: #fff;

}



.schedule_btn:hover a

{

	color: var(--primary-color);

}



.about h3

{

	color: var(--primary-color);

	font-weight:bold;

	padding-bottom:15px;

}



.btn-visit

{

	background-color: var(--primary-color);

	border:1px solid var(--primary-color);

	padding:6px 10px;

	color:#fff;

	cursor:pointer;

	text-transform: uppercase;

    font-weight: bold;

	font-size: 14px;

	letter-spacing:1.4px;

}



.btn-visit:hover

{

	background-color:#fff;

}



.btn-visit:hover a

{

  color: var(--primary-color);

}



#purplebg

{

	background-color: var(--primary-color);

	padding: 25px 0px;

}



#purplebg p

{

	color: #fff;

	font-size: 25px;

	text-align: center;

	margin-bottom:0px;

}



/*  xtraordinary */



#xtraordinary

{

	background-color: var(--primary-color);

	padding: 45px 0px 15px 0px;

}



#xtraordinary p

{

	color: #fff;

	text-align: center;

	text-transform: uppercase;

}







.xtralarge_p

{

	font-size: 22px;

	font-weight: 600;

}





/*  xtra facilities  */



#xtra_facities

{

	position: relative;

	background-image: url('../image/Block-5/master-bg.png');

    background-repeat: no-repeat;

    color: white;

    padding: 45px 0px;

    background-position: 50%;

    background-size: cover;

}









#xtra_facities .carousel-control .glyphicon-chevron-left, #xtra_facities .carousel-control .icon-prev 

{

    left: -75%;

    margin-left: 0px;

    z-index: 999999;

    color: #000;

}



#xtra_facities .carousel-control

{

	width: 5%;

}



#xtra_facities .carousel-control .glyphicon-chevron-right, #xtra_facities .carousel-control .icon-next

{

	

	right: -75%;

    margin-right: 0px;

    z-index: 999999;

    color: #000;

}



#xtra_facities .item

{

	background-color: transparent;

}



.v_color

{

	color: var(--primary-color);

}



.g_color

{

	color: #af9778 !important;

}





/*  gallery  */



#gallery

{

	background-image:url("../image/Block-4/gallery-bg.png");

	background-repeat:no-repeat;

	padding:50px 0px;

	background-position:right;

	background-size:cover;

}





#gallery p

{

	font-weight:bold;

	padding-bottom:25px;

	color: #fff;

}



/* Master Plan  */



#masterplan

{

	background-image:url("../image/Block-5/master-bg.png");

	background-repeat:no-repeat;

	color:white;

	padding:45px 0px;

	background-position:50%;

	background-size:cover;

}





#masterplan p

{

    padding-bottom: 25px;

    letter-spacing: 1px;

    font-weight: 500;

}



/* Floorplans */



#Floorplans

{

	background-color: var(--primary-color);

	padding:45px 0px;

	position:relative;

}



#Floorplans .viraat-tabs

{

	border-bottom: none;

	margin-bottom: 36px;

}



#Floorplans .viraat-tabs>li

{

	padding: 0px;

}



#Floorplans .viraat-tabs>li>a {

  

    padding: 10px 30px;

	color: #af9778;

	border-radius: 10px;

	margin:2px;

	font-weight: 500;

}



#Floorplans .viraat-tabs>li.active

{

	background-color: #af9778;

	color: #fff;

	border-radius: 10px;

}



#Floorplans .viraat-tabs>li>a:hover, #Floorplans .viraat-tabs>li>a:focus, #Floorplans .viraat-tabs>li>a:active

{

	background-color: #af9778;

	color: #fff;

	border: 1px solid #af9778;

}



#Floorplans .viraat-tabs>li.active>a, #Floorplans .viraat-tabs>li.active>a:focus, #Floorplans .viraat-tabs>li.active>a:hover

{

	background-color: #af9778;

	color: #fff;

	border: 1px solid #af9778;

}



#Floorplans h2

{

	color:#fff;

	padding: 25px 0px;

}



.special-fontweight

{  

	font-weight:700;

}



/*  Location Highlights  */



#location-highlights, #walk_video

{

	background-image:url("../image/Block-8/location_bg.png");

	background-repeat:no-repeat;

	padding:45px 0px;

	background-position:center center;	

	background-size:cover;

}



#location-highlights .nav-tabs>li>a 

{

    margin-right: 0px;

    line-height: 1.42857143;

    border: 1px solid transparent;

    border-radius: 0px;

    font-size: 9px;

	font-weight: 700;

}



#location-highlights .nav>li>a 

{

    position: relative;

    display: block;

    padding:7px 5px;

	text-align: center;

	color: var(--primary-color);

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover

{

	background-color: var(--primary-color);

    color: #fff !important;	

}



#location-highlights .nav-tabs>li

{

	width: 15%;

	border: 1px solid var(--primary-color);

    margin: 2px 4px;

	padding: 0px;

}



#location-highlights .tbpad 

{

	padding: 0px 5px !important;

}



#location-highlights .loc_highlights

{

	padding-left: 20px;

}



#location-highlights .tab-content>.tab-pane

{

	background-color: transparent;

}



#location-highlights .tab-content

{

	padding:25px 0px;

}



#location-highlights .loc_highlights li

{

    list-style-image: url('../image/arrow1.png');

    padding: 8px;

	color: #000;

}	



.loc_top

{

	padding-top: 25px;

}



.xtra_loclogo

{

	float: right;

    width: 315px;

    height: auto;

    padding: 15px 0px;

}



.big-fontsize

{

	font-weight: 600;

}



.text-r

{

	float:right;

}





/*  Amenities  */



#amenities

{

	padding:45px 0px;

	position:relative;

}



#amenities h3

{

	font-size: 20px;

	font-family: Poppins-Regular;

}



#amenities .group_btns

{

	margin-top: 32px;

}



.p-top

{

	padding-top: 10px;

}



.amenities-right h3

{

	text-align:right;

}



.carousel-control

{

	text-shadow: unset !important;

    background-color: unset !important;

    opacity: 1 !important;

	background-image:unset !important;

}



.flooricon

{

	color:#a2032b;

}



/*  project status */



#projectstatus

{

	background-color: var(--primary-color);

    padding: 45px 0px;

    position: relative;

}



#projectstatus .section_heading

{

	padding-bottom: 32px;

}





/* Footer */



#footer

{

	padding: 45px 0px;

	background-color: var(--primary-color);

}



.footer_logo

{

	width: 215px;

    height: auto;

    padding: 0px 0px 15px 0px;	

}



.footer h5, #footer h4

{

	font-size:1.2em;

	font-weight:700;

	line-height:1.5;

	color: #fff;

}



.footer p

{

	font-size: 12px;

	margin-top:25px;

	color: #fff;

}



.form-control

{

	padding: 6px 12px;

	 color: #fff;

    background: transparent;

}



.form-btn

{

	border:1px solid #af9778;

	background-color: #af9778;

	color:#fff;

	padding: 8px 34px;

	font-weight: 700;

}



.loc_p p

{

	margin-top: 0px;

}



.footer-logosocials, .loc_p

{

	padding-top:25px;

}

.footer-socials

{

	padding-left:0px;

	margin-top:45px;

}

.footer-socials li

{

	list-style-type:none;

	display:inline;

	padding:6px 8px;

}



.footer-socials a

{

	text-decoration: none;

}



/*  Copyright */



#copyright

{

	padding:15px 0px 0px;

	text-align:center;

	background:#d1d3d4;

}

#copyright p

{

	font-size:1.2em;

	font-weight:600;

}



.img-thumbnail:hover

{

	cursor:pointer;

}

.img-thumbnail

{

	margin:5px 0px;

}

.img-thumbnail h4

{

TEXT-ALIGN: CENTER;



}



#videos iframe

{

	padding: 20px 0px;

}



.validation

{

	color: #cd1313;

}



#walk_video h2

{

	padding-bottom: 18px;

}





@media screen and (max-width: 768px)



{

	.mob-v

	{

		 display:none;

	}

	.f-right 

    {

         float: left !important;

    }

	.amenities-right h3

    {

	    text-align:left;

    }

	.mob-ame

	{

    float: left !important;

    position: absolute !important;

   /* padding-left: 30px; */

    z-index: -1111 !important;

	}

	.p-top

	{

		display:flex;

	}

	/* .m-top

	{

		margin-top: 12px !important;

	}*/ 

	.m-top h3

	{

		margin-left:72px !important;

	}

	.nav>li {

    display: block;

	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form

	{

		margin-top:20px;

	}

	

	.logo {

    width: 100px;

	}

	.topbar {

    margin-top: -26px;

	}

	.fixed

	{

	 width: 100%;

    position: fixed;

    bottom: 0px;

    display: block;

    text-align: center;

    left: 0px;

	z-index:9999;

	    padding-top: 20px;

    padding-bottom: 20px;

	}

	.red-banner

	{

		margin-top:0px !important;

	}

	.pillar {

    

     margin-top: 0px; 

     margin-left: 0px;

	}

	.navbar-default {

    background-color: #ffffff;

    border-color: #00000000;

	}

	.banner-text h1

	{

		font-size: 20px;

	}

	.banner-text p {

		font-size: 12px;

	}

	.smallpillar

	{

		width:50px;

	}

	.heading

	{

		font-size: 25px;

	}

	#about .top

	{

		display:none;

	}

	#about p

	{

		text-align:justify;

	}

	#gallery {

        background-position: left;

	}

	#masterplan

	{

		background-position:unset;

	}

	

	#layout 

	{

		background-position: left;

		padding-bottom:20px;

		padding-top:0px;

		

	}

	#amenities h3

	{

		font-size: 18px;

		margin-top:0px;

		padding-top: 15px;

	}

	#amenities img

	{

		width:40px;

		height:auto;

		

	}

	.map-arrow li 

	{

		font-size:12px;

	}

	#location-map .btn-visit

	{

		margin-bottom: 15px !important;

		display: block;

	}

	

	.footer h5

	{

		font-size: 1.2em;

	}

	.footer p {

    font-size: 1em;

    margin-top: 15px;

    font-weight: 500;

	}

	

	.footer-logosocials

	{

		text-align:center;

	}

	

	.footer-logosocials img 

	{   

    margin: 0px auto;

	}

	#contact

	{

		margin-top:30px;

	}

	

	#location-highlights .nav-tabs>li

	{

		width: 100%;

		margin: 5px 0px;

	}

	

    #location-highlights .map_image	

    {

	   padding: 25px 0px;

    }

   

    .btn-visit

    {

	   font-size: 9px; 

    }

   



   

    #xtra_facities

    {

	   background-image: none;

	   background-color: #fff !important;

    }

   

    #location-highlights .tbpad 

    {

	   padding: 5px !important;

    }

   

    #amenities .group_btns

    {

	   margin-top: 52px;

    }

   

    #xtra_facities .group_btns

    {

	   margin-bottom: 45px;

    }

	

	#xtra_facities

	{

		text-align: center;

	}

   

    #layout

    {

	   background-image: none;

	   background-color: var(--primary-color) !important;

    }

   

    #xtra_facities .carousel-control .glyphicon-chevron-right, #xtra_facities .carousel-control .icon-next

    {

	   right: 15%;

    }

   

    #xtra_facities .carousel-control .glyphicon-chevron-left, #xtra_facities .carousel-control .icon-prev

	{

		left: 15%;

	}

	

	#mydiv1

	{

		display: none !important;

	}

	

	.big_h1size

	{

		font-size: 18px;

	}

	

	.extraordinary_img

    {

	    padding: 35px 0px;

    }

	

	.schedule_btn, #xtra_facities .schedule_btn

	{

		width: 65%;

	}

	

	.group_btns li

	{

		display: block;

	}

	

	.group_btns

	{

		text-align: center;

	}

	

	.navbar

	{

		margin: 0px 0px 45px 0px;

	}

	

	.viraat-tabs>li>a

	{

	   padding: 10px 15px;

	   

	   display:none;

	}

	

	#Floorplans .tab-content>.active 

	{

      display: none;

    }

	

	#Floorplans .viraat-tabs

	{

		margin-bottom: 0px;

	}

	

	.banner-text

	{

		margin: 24px 0px;

	}

	

	#xtraordinary

    {

	    background-color: var(--primary-color);

	    padding: 25px 0px;

    }



	

  

}



@media only screen and (min-width: 770px) and (max-width: 980px)

{

	.viraat-tabs>li>a

	{

	   padding: 10px 15px;

	   

	   display:none;

	}

	

	#Floorplans .tab-content>.active 

	{

      display: none;

    }

}



@media only screen and (min-width: 1200px) and (max-width: 1600px)

{

	.red-banner {
		
    margin-top: -24px;

	}

	p

	{

		font-size: 16px;

		line-height: 30px;

	}

}



@media only screen and (min-width: 760px) and (max-width: 1200px)

{

	.red-banner {

    margin-top: -24px;

	}
	.schedule_btn

	{

		width: 100% !important;

		margin:12px 0px;

	}

	

	#xtra_facities, #masterplan

	{

		background-color: #fff;

		background-image: none;

	}

	

	#xtra_facities .group_btns

	{

		margin-bottom: 45px;

	}

	

	#gallery, #layout

	{

		background-color: var(--primary-color);

		background-image: none;

	}

	

	#location-highlights .nav-tabs>li>a

	{

		font-size: 11px;

	}

	

	.nav-tabs

	{

		padding-top: 25px;

	}

	

	.nav>li>a

	{

       padding: 10px 12px;	

	}

	

	.logo

	{

		width: 75px;

	}

	

}









  .iti {

    width: 100%;

}

  

  

  .centered_pillar

  {

	  position: absolute;

	  top: 25px;
z-index: -10;
  }